@charset "utf-8";
/* CSS Document */

	* { 
		margin: 0;
		padding: 0;
		}
		
	body {
		font-family:"LiHei Pro", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
		font-size: 14px;
		color: #eee;
		line-height:26px;
		margin: 0;
		background-color:#000;
	}
	h1{
		font-size:40px;
		line-height:50px;
		font-weight:normal;
		color:#fff;
		}
	h2{
		font-size:20px;
		line-height:40px;
		font-weight:normal;
		color:#fff;
		}
	h3 {
		font-size:17px;
		line-height:34px;
		font-weight:normal;
		color:#fff;
		}
	
	ul ,li {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}	
	a{
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		-ms-transition:all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
		}
	a:link,
	a:visited,
	a:active,
	a:visited {
		color:#fff;
		text-decoration:none;
	}
	a:hover{
		text-decoration:none;
		}
	p { padding:10px 0;}

	img {
		border:0;} 
	
	/* 必填 提醒文字 */
	u {
		padding:0 15px;
		text-decoration:none;
		color:#ff0066;
		}
	
	.left {
		float:left;}

	.right {
		float:right;
		}
	.cleaner {
		float: none;
		clear: both;
		height:0px;
		}

	/* table */
	table{
		border-collapse: collapse;
		margin:0;
		width:100%;
		margin-bottom:20px;
	}
		table td {
			border-collapse: collapse;
			margin:0;
			padding:5px;
		}
	/* 	tbl-list   */
	table.tbl-list {
		border-collapse: collapse; 
		width:100%;
		}
	
	
	/* more */	
	a.more{
		background:url(../images/arrow-01.png) no-repeat right 7px;
		color:#aca575;
		width:90px;
		}
		a.more:hover{
			color:#ff8a00;
			}
		
	/* top*/	
	#top{ 
		position:fixed; 
		bottom:0px; 
		right:0px; 
		width:50px; 
		height:50px; 
		background:url(../images/top.png) no-repeat 0px 0px;
		padding-left:30px; 
		cursor:pointer;}

		
		/* -------------------------------------
			Body-Wrapper
		------------------------------------- */
			.width{
				margin: 0 auto;
				width: 1100px;
				position:relative;
			}
				.onestore .look{
					left: 0;
					bottom: auto;
					top: 45%;
				}

						
			/* -------------------------------------
				header  
			------------------------------------- */
			header  {
				position:fixed;
				width:90%;
				bottom:20px;
				left:0;
				z-index:9;
				display:block;
				padding:10px 5%;
				font-size:13px;
					}
				.logo{
					width:220px;
					position:absolute;
					bottom:70px;
					z-index:90;
					right:5%;
					}
				#menu {
					position:relative;
					display:block;
					border-bottom:1px solid #fff;
					margin-bottom:10px;
					}
				#menu li{
					display:inline-block;
					}
				#menu a {
					display:block;
					padding:10px 25px 10px 0;
					font-size:22px;
					
					}
				#menu a:hover {
					color: #ccef3c;
					font-weight:600;
					}					
/*				#menu li.active a{
					color: #ccef3c;
				}*/

				
				
				.share{ width:120px; position:fixed; top:50px;right:50px; text-align:right;}
				.share a{margin-right:20px;}
				.share a:hover{background-position: bottom;}
				
				a.fb {
					background: url(../images/share-fb.png) no-repeat top;
					width:18px;
					height:18px;
					display:inline-block;
					}
				a.twitter {
					background: url(../images/share-twitter.png) no-repeat top;
					width:18px;
					height:16px;
					display:inline-block;
					}
				a.blogger {
					background: url(../images/share-blogger.png) no-repeat top;
					width:18px;
					height:16px;
					display:inline-block;
					}
				a.line {
					background: url(../images/share-line.png) no-repeat top;
					width:18px;
					height:16px;
					display:inline-block;
					}
				a.google {
					background: url(../images/share-google.png) no-repeat top;
					width:18px;
					height:16px;
					display:inline-block;
					}
				a.opinion {
					background: url(../images/share-opinion.png) no-repeat 0 5px ;
					padding-left:20px;
					position:absolute;
					top:20px;
					right:20px;
					}


			/* -------------------------------------
				Body  
			------------------------------------- */
				#contentfade{
					position:fixed; width:100%; height:100%; z-index:99999;
					overflow: hidden;
					background-color: #000;
				}

				#slides { position:relative;
					}
				#slides .slides-container {
					position:relative;}
				#slides .slides-container div {
					color:#fff;
					position:absolute;
					top:15%;
					left:300px;
					width:100%;
					}
					.slides-navigation { display:none;}
					
				/* Chrome, Safari, Opera */
				@-webkit-keyframes zoom {
					from {
						-webkit-transform: scale(1,1);
					}
					to {
						-webkit-transform: scale(1.5,1.5);
					}
				}
				
				/* Standard syntax */
				@keyframes zoom {
				   from {
						transform: scale(1,1);
				   }
				   to {
						transform: scale(1.5,1.5);
				   }
				}
				#slides img {
					-webkit-animation: zoom 50s; /* Chrome, Safari, Opera */
					animation: zoom 50s;
				}
				
													
				#section0 span{
					display:block;
					width:250px;
					height:0px;
					position:absolute;
					top:30%;
					z-index:999;
					}
				.index-down{
					position:absolute;
					left:49%;
					bottom:1%;
					display:block;
					width:52px;
					height:100px;
					background:url(../images/download.png) no-repeat;
					background-position:0px 0px;
					cursor:pointer;
					z-index:9999;
					}
					.repeatrun{
					animation: rundown 1.5s infinite 0.5s;
					-webkit-animation: rundown 1.5s infinite 0.5s;
					-moz-animation: rundown 1.5s infinite 0.5s;
					-ms-animation: rundown 1.5s infinite 0.5s;
					-o-animation: rundown 1.5s infinite 0.5s;						
					}

				@-webkit-keyframes rundown {
					0% {
					opacity: 1;
					-webkit-transform: translateY(0) ;
					transform: translateY(0) ;
				  }
				
				  100% {
					opacity: 0.1;
					-webkit-transform: translateY(40px) ;
					transform: translateY(40px) ;
				  }	
				}
				@keyframes rundown {
					0% {
					opacity: 1;
					-webkit-transform: translateY(0) ;
					transform: translateY(0) ;
				  }
				
				  100% {
					opacity: 0.1;
					-webkit-transform: translateY(40px) ;
					transform: translateY(40px) ;
				  }	
				}
				
				
 /*news light box */
	#overlay-shade {
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background: #000;
		cursor:pointer;
		
	}
	
	.overlay {
		position: absolute;
		left: 0;
		width:100%;
		height:100%;
		z-index: 10000;
		top: -1300px;
		text-align:center;
		color:#fff;
	} 
	.overlay{
		color:#fff;
	} 
		.news {
			display: none;
			padding-top:20px;
			height:100%;
			}
	.overlay-content {
		width:70%;
		margin:0 auto;
		padding-bottom: 80px;
		}
	.ie7 .overlay {
		height: 200px;
	} 
	.overlay h1{
		font-size:20px;
		color:#fff;}
	.overlay .share{
		width:15px;
		height:100%;
		position:fixed;
		left:-3%;
		top:3%;
		line-height:18px;
		opacity:0;
		}
	.overlay .share a{
		margin-bottom:10px;}
	.overlay .share p{
		margin-bottom:40px;}
	.overlay a.overlay-close  , .news a.prev , .news a.next{
		background:url(../images/icon-back.png) no-repeat left;
		width:80px;
		height:30px;
		top:20px;
		right:20px;
		padding-left:25px;
		position:fixed;
		cursor:pointer;
		font-size:18px;
		z-index:999;
		color: #fff;
	} 
	.news a.prev {
		top:95%;
		right:180px;
	} 
	.news a.next {
		background:url(../images/icon-next.png) no-repeat right;
		padding-left:0px;
		padding-right:25px;
		top:95%;
		right:50px;
	} 
	.location-menu a.prev , .location-menu a.next{display:none;}
	
	.location-menu .overlay-close{
		display: none;
	}


	
	.overlay .logo2{
		display:block;
		width:100px;
		position: absolute;
		left:-40px;
		bottom:50px;
		}

	.overlay .logo2 img{
		width:100%;
		}
				
				
/* ----------------------------------------------  Inputs, textareas and selects  ---------------------------------------------- */

	input, select, textarea {
		margin:0; 
		padding:0;
		border:0; 
		font-size:14px;
		outline:none;
		font-family:"微軟正黑體","Microsoft JhengHei","蘋果儷中黑", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
		
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		-ms-transition:all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
		
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
		box-sizing:border-box;
		cursor:pointer;
		}
	input[type="text"],input[type="password"], textarea, select, div.styled, input[type="file"],input[type="submit"],input[type="button"] {  
		-moz-border-radius: 3px; /* Firefox */ 
		-webkit-border-radius: 3px; /* Safari, Chrome */ 
		-khtml-border-radius: 3px; /* Konqueror */ 
		border-radius:3px; /* Opera 10.50 and later (CSS3 standard) */ 

		text-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) ;
		-moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1) ;
		box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1) ;	
		
		padding:6px;
		margin:3px 0;}
	
	
	input[type=text],input[type=password],textarea{
		width:100%;
		background:none;
		border:none;
		color:#fff;
		}
		
	input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
		border:none;
		}							

	input[type="radio"]{
		margin:0 5px 0 10px;
		}
		
	.ie9 input[type="text"],input[type="password"]{ line-height:normal; } /* Get the stuff to line up right */
/* ----------------------------------------------  button  ---------------------------------------------- */
	input[type="submit"],input[type="button"]  {
		padding:6px 30px;
		background:#a38c5b;
		color:#fff;
		margin-top:20px;
		}
	input[type="button"] {
		background:url(../images/btn-bg.jpg) top;
		}
	input[type="button"]:hover {
		background:#826c3d;
		}
	input[type="submit"]:hover {
		background:#6d5624;
		}

/* ----------------------------------------------  Select menu  ---------------------------------------------- */
	select option{
		color: #000 !important;
		background: #fff;
	}
	
	div.styled, select{
		appearance:none;
		-moz-appearance:none; /* Firefox */
		-webkit-appearance:none; /* Safari and Chrome */
		
		background-color:transparent; 
		background-image:url(../images/arrow-down.png);
		background-repeat:no-repeat;
		background-position: center right 10px;
		color:#fff;
		border:1px solid #666;
		margin-top:20px;
		}	
	div.styled select option {
		padding:0;
		}
	.input option{ color:#000 !important;
	background-color:#fff;}
	/* For IE and Firefox */

	div.styled { overflow:hidden; padding:0; margin:0; width:100% }
		
	div.styled select {	
		width:100%; 
		background-color:transparent; 
		background-image:none;
		-webkit-appearance: none; 
		-moz-appearance: none;
		border:none;
		box-shadow:none;}
	
	.ie7 div.styled {border:none;}
	.ie8 div.styled select { padding:6px 0;}
		
	.ie7 div.styled select {
		width:100%; background-color:none; 		
		border:1px solid #ccc;
		padding:6px;}	
	   
		option:checked{
		color: #8c267c;
		font-weight:bold;
		}	
	
/* ----------------------------------------------  alert  ---------------------------------------------- */
	.alert{padding:8px 35px 8px 14px;margin-bottom:10px;margin-top:10px;margin-right:5px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.alert,.alert h4{color:#c09853}.alert h4{margin:0}.alert .close{position:relative;top:-2px;right:-21px;line-height:20px}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-success h4{color:#468847}.alert-danger,.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-danger h4,.alert-error h4{color:#b94a48}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.alert-info h4{color:#3a87ad}.alert-block{padding-top:14px;padding-bottom:14px}.alert-block>p,.alert-block>ul{margin-bottom:0}.alert-block p+p{margin-top:5px}					
	
	.information {
		width:400px;
		margin:10% auto 15% auto;
		border:1px solid #ddd;
		padding:30px 50px;
		background:#f8f8f8;
		
		text-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) ;
		-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) ;
		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) ;	
		
		-moz-border-radius: 5px; /* Firefox */ 
		-webkit-border-radius: 5px; /* Safari, Chrome */ 
		-khtml-border-radius: 5px; /* Konqueror */ 
		border-radius:5px; /* Opera 10.50 and later (CSS3 standard) */ 
		
		}		
	.information h2 {
		margin-bottom:20px;
		padding-bottom:20px;
		border-bottom:1px solid #ccc;
		}		
